//此user.ts是仓库的小仓库的名字   创建用户相关的小仓库
import { defineStore } from 'pinia'
//引入请求接口
import { reqLogin } from '@/api/user'
//引入loginForm的ts数据类型
import type { loginForm, loginResponseData } from '@/api/user/type'
import type { UserState } from './types/type'
//引入操作本地存储的工具方法
import { SET_TOKEN, GET_TOKEN } from '@/utils/token'
//引入路由（目前是常量路由）因为是分别暴露，所以{}
import { constantRoute } from '@/router/routes.ts'
//创建用户小仓库,采用的是选择式API的写法（而不是组合式）
let useUserStore = defineStore('User', {
  //存储数据的地方，使用了state()方法。需要return一个对象
  state: (): UserState => {
    return {
      // token: localStorage.getItem('TOKEN'), //用户唯一标识token
      token: GET_TOKEN(), //用户唯一标识token
      menuRoutes: constantRoute, //仓库存储生成菜单需要的数组（也就是我的路由）
    }
  },
  //不同于vuex，没有mututaion,这里action是处理逻辑的地方
  actions: {
    //用户登录的方法.首先想到我要引入api里我写的登录请求函数.
    // 小仓库的这个方法需要接收登录需要携带的参数。
    // 所以在login组件中调用userLogin方法时要把收集到的参数loginForm带给服务器
    async userLogin(data: loginForm) {
      //登录请求，成功了获取token，失败了提示错误信息
      let result: loginResponseData = await reqLogin(data)
      if (result.code === 200) {
        //pinia和vuex数据不能持久化，还要本地存储. 保证是字符串的状态赋值给token
        this.token = result.data.token as string
        // localStorage.setItem('TOKEN', (result.data.token as string))
        SET_TOKEN(result.data.token as string)
        return 'ok'
      } else {
        return Promise.reject(new Error(result.data.message))
      }
    },
  },
  getters: {},
})

export default useUserStore
